<!doctype html>
<html>
<head>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <title>通知详情</title>

    <link rel="stylesheet" href="/css/vendor/common.css" type="text/css">
    <style>
        ::-webkit-scrollbar {
            width: 12px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: #eeeeee;
            border-radius: 8px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background-color: #9d9d9d;
        }

        .main {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .main h1 {
            text-align: center;
            font-size: 2.2rem;
            margin-top: 36px;
        }

        .main h5 {
            text-align: center;
            color: #9d9d9d;
            font-weight: normal;
            font-size: 1.2rem;
        }

        .main .content {
            position: absolute;
            left: 0;
            right: 4px;
            bottom: 16px;
            top: 120px;
            font-size: 1.5rem;
            color: #9d9d9d;
            line-height: 25px;
            overflow: auto;
        }

        .main .content .wrap {
            width: 76%;
            margin: 0 auto;
        }

        .main .content .wrap .img-wrap {
            width: 100%;
            text-align: center;
            padding: 6px 0;
        }

        /* table 样式 */
        table {
            border-top: 1px solid #ccc;
            border-left: 1px solid #ccc;
        }

        table td,
        table th {
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            padding: 3px 5px;
        }

        table th {
            border-bottom: 2px solid #ccc;
            text-align: center;
        }

        /* blockquote 样式 */
        blockquote {
            display: block;
            border-left: 8px solid #d0e5f2;
            padding: 5px 10px;
            margin: 10px 0;
            line-height: 1.4;
            font-size: 100%;
            background-color: #f1f1f1;
        }

        /* code 样式 */
        code {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            background-color: #f1f1f1;
            border-radius: 3px;
            padding: 3px 5px;
            margin: 0 3px;
        }

        pre code {
            display: block;
        }

        /* ul ol 样式 */
        ul, ol {
            margin: 10px 0 10px 20px;
        }
    </style>
</head>

<body>

<div class="main">
    <h1>{{ notification_title }}</h1>
    <h5>{{ notification_created_at }} 推送人: {{ notification_user_name }}</h5>
    <div class="content">
        <div class="wrap" id="content">
            <?php echo $notification_content ?>

        </div>
    </div>


</div>

</body>

</html>






